import { h, render } from 'vue'
import AuditBack from '@/components/common/audit/AuditBack.vue'

/**
 * @param {*} title 标题
 * @param {*} content 内容
 * @param {*} cancelText 取消文本
 * @param {*} confirmText 确认文本
 */
export const confirmBox = () => {
  return new Promise((resolve, reject) => {

    // 取消按钮事件
    const cancelHandler = () => {
      reject(new Error('取消按钮点击'))
    }

    // 确定按钮事件
    const confirmHandler = () => {
      resolve()
    }

    // 关闭弹层事件
    const close = () => {
      // render(null, document.body)
      render(null, document.getElementById("transitIndex"))
    }
    
    // 1. 生成 vnode
    const vnode = h(AuditBack, {
      isHook: true,
      cancelHandler,
      confirmHandler,
      close
    })

    // 2. render 渲染
    render(vnode, document.getElementById("transitIndex"))
  })
}